<script src="{{ asset('/bundles/kernel/js/jquery/jquery.js') }}" type="text/javascript"></script>
<script src="{{ asset('/bundles/material/js/pdf.js') }}" type="text/javascript"></script>
<script src="{{ asset('/bundles/material/js/viewer.js') }}" type="text/javascript"></script>
<link href="{{ asset('/bundles/material/css/viewer.css') }}" type="text/css" rel="stylesheet" />
<script type="text/javascript">
    $(document).ready(function() 
    {
        loadPDF('/pdf/test.pdf');
        window.setTimeout(
            function()
            {
                renderThumbnails();
            },
            "2000"
        );
    });
</script>

<button onclick="renderPage(7)">next</button>

<div id="viewer">
    <div id="header_bar"></div>
    <div id="thumb_nav">
        <table>

        </table>
    </div>
    <canvas id="viewer_canvas"></canvas>
</div>